<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#top h2 {
				margin-left: 100px;
				background-image: url("logo.png");
				background-repeat: no-repeat;
				background-size: contain;
				text-indent: 5em;
				color: lightslategray;
			}

			#middle {
				background-image: url("banner.png");
				width: 990px;
				height: 500px;
				background-image: center center;
				background-repeat: no-repeat;
			}

			#w {
				background-color: white;
				margin-right: 150px;
				margin-top: 50px;
				width: 300px;
				float: right;
			}

			form {
				margin-left: 10px;
				margin-right: 10px;
				color: lightslategray;
			}

			#middle #w form h2 a {
				font-size: 12px;
				color: red;
				text-decoration: none;
				background-image: url("icon5.jpg");
				background-repeat: no-repeat;
				background-size: auto;
				float: right;
				text-indent: 2em;
			}

			#middle #w form #name {
				margin-left: 20px;
				border: 1px solid gainsboro;
				line-height: 20px;
			}

			#middle #w form #passwd {
				margin-left: 20px;
				border: 1px solid gainsboro;
				line-height: 20px;
			}

			#nameq {
				background-image: url("icon1.jpg");
				background-repeat: no-repeat;
				background-size: contain;
			}

			#namew {
				background-image: url("icon2.jpg");
				background-repeat: no-repeat;
				background-size: contain;
			}

			#middle #w form p #f {
				float: right;
			}

			#login {
				color: white;
				background-color: red;
				text-align: center;
			}

			a:link {
				color: lightslategray;
				text-decoration: none;
			}

			.end {
				text-align: center;
			}

			#login a {
				color: white;
			}
		</style>
	</head>
	<body>
		<div id="top">
			<h2>欢迎登录</h2>
		</div>
		<div id="middle">
			<div id="w">
				<form>
					<h2>京东会员<a href="float.html">立即注册</a></h2>
					<p id="nameq"><input id="name" type="text" value="邮箱/用户名/已验证手机" /></p>
					<p id="namew"><input id="passwd" type="password" /></p>

					<p><input type="checkbox" /><a href="floa">自动登录</a> <span id="f"><a href="floa">忘记密码?</a></span></p>
					<p id="login"><a id="t" href="floa">登 录</a></p>
				</form>
			</div>
		</div>
		<div id="bottom">
			<p class="end">
				<a href="1">关于我们|</a>
				<a href="1">联系我们|</a>
				<a href="1">人才招聘|</a>
				<a href="1">商家入驻|</a>
				<a href="1">广告服务|</a>
				<a href="1">手机京东|</a>
				<a href="1">友情链接|</a>
				<a href="1">销售联盟|</a>
				<a href="1">京东社区|</a>
				<a href="1">京东公益|</a>
				<a href="1">English Site</a>
			</p>
			<p class="end"><a href="float">Copyright&copy;2004-2017 京东JD.com 版权所有</a></p>
		</div>
	</body>
</html>
